<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
</head>
<body>
    <div id='app'>
        <ul>
            <template v-for='a in as'>
                <li>{{a.list}}</li>
                <li>--------------</li>
            </template>
        </ul>
    </div>
    <div id='app1'>
        <ul>
            <template v-for='(value,key,index) in Object'>
                <li>{{index}}. {{key}} : {{value}}</li>
                <li>-------------------</li>
            </template>
        </ul>
    </div>
    <script>
        var vm1 = new Vue({
            el : '#app',
            data : {
                as : [
                    {list : 'first'},
                    {list : 'second'},
                    {list : 'third'}
                ]
            }
        })
        var vm2 = new Vue({
            el : '#app1',
            data : {
                Object : {
                    first : 'one',
                    second : 'two',
                    third : 'three'
                }
            }
        })
    </script>
</body>
</html>